<template>
<div class="mintSwipe">
    <mt-swipe :auto="4000">
        <mt-swipe-item v-for="item in imgs" :key="item.src">
          <img :src="item.src" :class="{fullWidth:isfullWidth}">
        </mt-swipe-item> 
    </mt-swipe>
</div>
</template>

<script>
export default {
  props: ["imgs", "isfullWidth"] //用于接收父组件参数
};
</script>

<style lang="scss" scoped>
.mintSwipe {
  height: 100%;
  .mint-swipe {
    height: 100%;
    .mint-swipe-item {
      width: 100%;
      height: 100%;
      text-align: center;
      img {
        height: 100%;
      }
    }
  }
}
.fullWidth {
  width: 100%;
}
</style>


